<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="text/html;" http-equiv="Content-Type">
    <!-- viewport -->
    <meta content="width=device-width,initial-scale=1" name="viewport">
    <!-- title -->
    <title>PPT</title>
    <!-- add css -->
    <link type="text/css" href="css/style.css" rel="stylesheet">
    <!-- add js -->
    <script src="js/jquery.js"></script>
    <script src="js/turn.js"></script>
    <script src="js/jquery.fullscreen.js"></script>
    <script src="js/jquery.address-1.6.min.js"></script>
    <script src="js/onload.js"></script>
    <style>
        html, body {
            margin: 0;
            padding: 0;
            overflow: auto !important;
            background-color: rgb(239, 239, 239);
        }
        #fb7-ajax{
            position: absolute;
            width: 100%;
            height: 90%;
            top: 0;
            left: 0;
        }
    </style>
</head>

<body>

<!--ppt-->
<div data-template="true" data-cat="book7" id="fb7-ajax">
    <!-- BEGIN HTML BOOK -->
    <div data-current="book7" class="fb7" id="fb7" style="background-color: #efefef">
        <div id="fb7-container-book">
            <!-- 书籍列表展示 -->
            <section id="fb7-deeplinking">
                <ul></ul>
            </section>
            <!-- 具体书籍内容 -->
            <div id="fb7-book"></div>
            <!-- 按钮 -->
            <a class="fb7-nav-arrow prev"></a>
            <a class="fb7-nav-arrow next"></a>
        </div>

        <!-- 底部工具栏 -->
        <div id="fb7-footer">
            <div class="fb7-menu" id="fb7-center">
                <ul>
                    <!-- icon_zoom_auto -->
                    <li><a title="适合页面" class="fb7-zoom-auto"></a></li>
                    <!-- icon_zoom_in -->
                    <li><a title="放大页面" class="fb7-zoom-in"></a></li>
                    <!-- icon_zoom_out -->
                    <li><a title="缩小页面" class="fb7-zoom-out"></a></li>
                    <!-- icon_show_all -->
                    <li><a title="查看目录 " class="fb7-show-all"></a></li>
                    <!-- icon_home -->
                    <li><a title="回到封面" class="fb7-home"></a></li>
                    <!-- icon fullscreen -->
                    <li><a title="全屏 / 退出全屏" class="fb7-fullscreen"></a></li>
                </ul>
            </div>
        </div>

        <!-- 目录 -->
        <div id="fb7-all-pages" class="fb7-overlay">
            <section class="fb7-container-pages">
                <div id="fb7-menu-holder">
                    <ul id="fb7-slider"></ul>
                </div>
            </section>
        </div>
    </div>
</div>

<!-- CONFIGURATION FLIPBOOK -->
<script src="js/index.js"></script>

</body>
</html>